<template>
  <view>
    <view class="my-self" @click="clickHandle">
        <view class="user-comtent">
          <view class="user-avactar">
            <item-image
                :img="image"
                :width="100"
                :height="100"
                :radius="50"
              />
          </view>

         
          <!-- 回复内容 -->
          <view class="user-content-info">
            <view>{{name}}</view>
            <view>{{time}} <text>小时前</text> </view>
            <view>{{content}}</view>
          </view>
        </view>
      </view>
  </view>

</template>

<script>
export default {
  name: '',
  props: {
    options:{
      type:[Object,Array]
    },
    image: {
      type:String
    },
    name: {
      type:String
    },
     time: {
      type:String
    },
     content: {
      type:String
    },

  },
  components: {},
  data () {
    return {

    }
  },
  created () {

  },
  methods: {
    clickHandle(){
      console.log(this.options);
      this.$emit('click',this.options)
    },
  }
}
</script>

<style lang="scss" scoped>
.my-self {
  padding: 30rpx 0;
}

.user-comtent {
  display: flex;
}

.user-avactar {
  align-items: flex-start;
  margin-right: 20rpx;
}

.user-content-info {
  display: flex;
  flex-direction: column;
}
</style>
